<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>预约服务人员详情</title>
		<link rel="stylesheet" type="text/css" href="js/font-awesome/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/RSPdetail.css"/>
		
	</head>
	<body class="RSPbox">
		<div id="header">
			<div class="top">
				<div class="top-left">
					<i class="fa fa-map-marker "></i>
					<a href="javascript:void(0)" class="one">广州</a>
					<a href="javascript:void(0)" class="two">切换城市</a>
				</div>
				<div class="top-right">
					<a class="one">
						<i class="fa fa-user"></i> 朱莉
					</a>
					<a href="javascript:void(0)">退出</a>
					<a href="javascript:void(0)">帮助中心</a>
					<a href="javascript:void(0)">网站导航</a>
					<a href="javascript:void(0)">手机APP</a>
				</div>				
			</div>
		</div>
		<div id="ReservationSPDetail">
			<div class="searchBox">
				<div class="search">
					<div class="search-left">
						<span class="husheng">互生</span>
						<span class="vertical">|</span>
						<span class="evaluate">休闲娱乐</span>
					</div>
					<div class="search-right">
						<div class="one">
							<input type="text" name="search" id="search" value="" placeholder="输入商家名称、分类或地区" />
							<a href="javascript:void(0)">
								<i class="fa fa-search"></i>
							</a>
						</div>
						<div class="two">
							<a href="#">运动健身</a>
							<a href="#">瑜伽</a>
							<a href="#">羽毛球</a>
							<a href="#">CS</a>
							<a href="#">农家乐</a>
							<a href="#">私人影院</a>
						</div>
					</div>
				</div>
			</div>
			<div class="detail">
				<div class="detailone" id="detailone">
<!--					********订单详情********-->
					<script id="goods-detail-script" type="text/html">
						<div class="listdetail">
							订单详情
						</div>
						<div class="liststatus">当前状态:						
							<span class="canceled">{{data.orderBasicStateName}}</span>
						</div>
	<!--					*********预约信息******************-->
						<div class="appointmentdetail">
							预约信息
						</div>
						<div class="appointmentinfor1">
							<div class="time1 left">
								下单时间:
								<span>{{data.orderCreateTime}}</span>
									
							</div>
							<div class="number left">
								到店人数:
								<span>{{data.exceptMemberCount}}</span>
							</div>
							<div class="time2 right">
								预计到店时间:
								<span>{{data.applyServiceDate}}</span>
							</div>
						</div>
						<div class="appointmentinfor1">
							<div class="time1 left">
								预约联系人:
								<span>{{data.contactName}}</span>
							</div>
							<div class="number left">
								预约联系电话:
								<span >{{data.contactPhone}}</span>
							</div>
						</div>
	<!--					**********服务项目*******-->
						<div class="appointmentdetail">
							服务项目
						</div>
						<div class="serviceItems">
							<div class="img left">
								<img src="img/eva1.png"/>
							</div>
							<div class="servicedetail left">
								<p class="name">
									{{data.goodsName}}
								</p>
								<div class="seriveone">
									<div class="seriveone1 left">
										<img src="img/yhq2.png"/>
										<span class="money">{{data.goodsUintPrice}}</span>
									</div>
									<div class="seriveone2 left">
										<img src="img/yhq3.png"/>
										<span class="price">{{data.perPoint}}</span>
									</div>
								</div>
							</div>						
						</div>
	<!--					********店家信息*********-->
						<div class="shop">
							<p class="swap">
								<span class="work">{{data.shopName}}</span>
								<span class="worknum">({{data.entResno}})</span>
									
							</p>
							<p class="swap">
								<span class="location">{{data.shopAddress}}</span>
								<img src="img/map.png"/>
								<a  class="map" href="#" >查看地图</a>
								
							</p>
						</div>
	<!--					*****服务人员****-->
						<div class="serivepeopledetail">
							<span class="serivepeople">
								服务人员
							</span>
							<span class="tips">重要提示:服务人员不能提供服务商时,可协商变更</span>
							{{if data.orderBasicState == 2}}
								<span class="view-evaluation">查看评价</span>
							{{/if}}
						</div>
						<div class="servicepicture">
							{{each data.applySerivceStaffs value}}
								<div class="job-people-box">
									<img src="{{pirUrl+value.headUrl}}"/>
									<p class="chenhehe">{{value.jobName}}</p>		
								</div>
							{{/each}}
							{{if data.orderBasicState == 1}}
								<div class="button">
									<div class="cancelbutton left">取消预约</div>	
								</div>
							{{/if}}
							{{if data.orderBasicState == 3}}
								<div class="button">
									<div class="cancelbutton left">取消预约</div>
									<div class="confirmbutton right">确认到店</div>	
								</div>
							{{/if}}
						</div>	
					</script>				
				</div>
			</div>
			<!--					********底部****-->
			<div class="foot" id="foot">
				<p>
					<strong>客服热线： </strong>
					<a href="javascript:void(0)">
						0755-83344111
					</a>
					<span class="foot-adition">2013-2018 </span>
					<span>
							深圳市互生电子商务有限公司
					</span>
					<span>
							粤ICP备案号14100052号
					</span>
				</p>
			</div>

		</div>
		<div class="work-dialog">
			<div class="work-dialog-box" id="work-dialog-box">
				<script id="work-dialog-script" type="text/html">
					<div class="work-dialog-header">
						<span class="dialog-header-title">评价详情</span>
						<span class="dialog-header-title header-title-right">X</span>
					</div>
					<div class="work-people-box">
						<div class="work-people-detail">
							{{each data.seriveStaffsList value}}
								<div class="people-detail-box">
									<img src="{{pirUrl+value.headUrl}}" alt="">
									<p>{{value.jobName}}</p>
								</div>
							{{/each}}
						</div>
						<div class="clear-both"></div>
						<div class="work-score">
							<% for(var i = 0; i < data.round; i++){ %>
								<i class="fa fa-star"></i>
							<% } %>
							<% for(var i = 0; i < data.cha; i++){ %>
								<i class="fa fa-star-o"></i>
							<% } %>
							<span>{{data.evaluateValue}}分</span>
						</div>
						<div class="service-box">
							<span>服务质量：{{data.serviceQualityName}}</span>
							<span class="service-text">服务态度：{{data.serviceAttitudeName}}</span>
							<span class="service-text">上门速度：{{data.serviceSpeedName}}</span>
						</div>
					</div>
					<div class="border-bottom"></div>
					<div class="work-people-box">
						<p>用户评价</p>
						<div class="user-box">
							<img src="{{pirUrl+data.userHeadUrl}}" alt="">
							<div class="user-text">
								<div class="user-name-box">
									<span>{{data.userName}}</span>
									<span class="user-evaluation-time">{{data.evaluateTime}}</span>
								</div>
								<div class="work-score">
									<% for(var i = 0; i < data.round; i++){ %>
										<i class="fa fa-star"></i>
									<% } %>
									<% for(var i = 0; i < data.cha; i++){ %>
										<i class="fa fa-star-o"></i>
									<% } %>
								</div>
								<p>{{data.evaluateContent}}</p>
								<div class="user-img-box">
									{{each data.evaluateImgList value}}
										<img src="{{pirUrl+value}}" alt="">
									{{/each}}
								</div>
							</div>
						</div>
						<div class="clear-both"></div>
					</div>
					<div class="border-bottom2"></div>
					<div class="shop-reply-box">
						<span>商家回复：</span>
						<span class="shop-reply-text">{{data.reply}}</span>
					</div>
				</script>
			</div>
		</div>
	</body>
	<script src="js/common/baseUrl.js"></script>
	<script src="js/common/jquery-1.11.0.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-sham.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script>
	<script src="lib/artTemplate.js"></script>
	<script src="js/RSPdetail.js"></script>
</html>
